import React, { useEffect, useState } from 'react'
import { Result, Button, Row, Col, Image } from 'antd';
import { connect } from 'dva';
import OpenSeaDragon from "openseadragon";
// import './outcome.css'
const theProps = (state) => {
    return {
        mapsInfo: state.maps.mapsInfo[0],
        resImageUrl: state.maps?.mapsInfo[0]?.mapsRes1[0]?.path,
        mineImg: state.maps.mineImg,
        mapsId: state.maps.mapsId
    }
}
function MineOut(props) {
    const { mapsInfo, resImageUrl, dispatch, mapsId, mineImg } = props;

    useEffect(() => {
        dispatch({
            type: 'maps/reqMineImg',
            payload: mapsInfo.maps.id
        })
        console.log('aa', mapsInfo, mineImg);
    }
        , [dispatch, mapsInfo, mineImg]
    )
    const imgFirst = 'http://10.89.101.39:9000/' + mineImg.img1
    const imgSecond = 'http://10.89.101.39:9000/' + mineImg.img2
    return (
        <>
            <div style={{ width: '100%', marginLeft: '-3vw' }}>
                <Row>
                    <Col span={10}>
                        <Image
                            width='35vw'
                            height='50vh'
                            src={imgFirst}
                        //src='https://img2.baidu.com/it/u=2783502648,2865561913&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333'
                        />
                    </Col>
                    <Col span={4}>
                    </Col>
                    <Col span={10}>
                        <Image
                            width='35vw'
                            height='50vh'
                            //src='https://img2.baidu.com/it/u=2783502648,2865561913&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333'
                            src={imgSecond}
                        />
                    </Col>
                </Row>
            </div>
        </>
    )
}
export default connect(theProps, null)(MineOut)
